Sublime Text 3 编辑器学习笔记

Sublime Text 3基本介绍

Sublime Text 3是一款非常优秀的代码编辑器。它界面优美功能强悍性能令人惊讶。需要注意的是,它并不是IDE,而是一个单纯文本编辑工具,但其代码高亮显示语法提示自动完成且反应快速,还有各种丰富插件的支持,使得文本编辑过程非常规范快速高效

Sublime Text 3的优点

  • 跨平台,无论是Windows、Mac以及Linux均可使用,无需担心因为换平台而找不到熟悉合适的编辑器
  • 丰富的插件,各种各样的插件大大扩充了Sublime的功能,使用合适的插件可以使工作效率大大提升
  • 编辑环境,命令行环境和界面环境互补,操纵体验非常好

插件

Package Control

Sublime Text 3 提供了一个叫Package Control的包管理器,建议安装软件后首先安装这个包管理器。Package ControlSublime Text 3官方的插件管理工具,通过它我们可以非常方便的安装、管理插件。

Package Control的安装方法如下:

首先在软件界面利用快捷键Ctrl + '打开Sublime Text console,然后输入以下代码回车即可。

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

安装完Package Control后就可以很方便的安装和管理其他插件了。

使用快捷键command+shift+p可以快速打开Package Control,在输入框输入pci(即package control install的缩写),选择package control install,在搜索框输入想要安装的插件名称,找到相应插件,最后回车即可安装。

常用插件

  1. emmet
    前端必备插件,曾经名叫zencoding,能够帮助我们快速书写html中的结构,语法详情
    emmet的使用方法非常简单,在sublime text中,直接在编辑器中输入HTML或CSS的代码的缩写,然后按tab键就可以拓展为完整的代码片段。

  2. BracketHighlighter
    BracketHighlighter可以高亮显示匹配的括号、引号和标签,BracketHighlighter这个插件能在左侧高亮显示匹配的括号、引号和标签,能匹配的[] ,(),{},””,’’,等甚至是自定义的标签,当看到密密麻麻的代码分不清标签之间包容嵌套的关系时,这款插件就能很好地帮你理清楚代码结构,快速定位括号,引号和标签内的范围。

  3. snippets(自定制代码补齐机制)

  4. SublimeLinter(代码错误提示)

  5. Alignment
    对定义的变量进行智能对齐,一般是“=”号对齐,默认的快捷键是Ctrl+Alt+A

  6. ConvertToUTF8
    这个的用处是将文件的编码格式改为UTF8 ,主要用于打开一些国内编辑器生成的GB2312文件或者弯弯们的BIG5码文件,插件使用的注意事项请查看这里

  7. AutoFileName
    可以扫描当前目录,实现文件名的自动补全。

  8. ColorPicker
    在当前文件中打开调色板工具,并且将选中的颜色快速上屏,这个插件总是打开系统自带的调色板工具,所以在Mac上效果很赞。快捷键为⌘+⇧+c,Windows为ctrl+shift+c,注意这个插件会和上面介绍的Convert​To​UTF8插件快捷键冲突,如果安装了Convert​To​UTF8 会导致该插件快捷键失效。解决方法是更改Convert​To​UTF8的快捷键设置。

  9. JsFormat
    JsFormat可以自动格式化JavaScript代码,形成一种通用的格式,比如对压缩、空格、换行的js代码进行整理,使得js代码结构清晰,易于观看。

  10. MarkdownEditing
    支持Markdown语法高亮;支持Github Favored Markdown语法;自带3个主题。

快捷键

此部分内容转载自知乎luuman的回答,版权为原作者luuman所有。

注:快捷键按照Windows系统格式整理,Mac系统类推即可

  • 通用(General)
    上下左右移动光标,注意不是不是KJHL!
    Alt: 调出菜单
    Ctrl+Shift+P: 调出命令板(Command Palette)
    Ctrl+': 调出控制台

  • 编辑(Editing)
    Ctrl+Enter: 在当前行下面新增一行然后跳至该行
    Ctrl+Shift+Enter:在当前行上面增加一行并跳至该行
    Ctrl+←/→:进行逐词移动
    Ctrl+Shift+←/→ : 进行逐词选择
    Ctrl+↑/↓ 移动当前显示区域
    Ctrl+Shift+↑/↓: 移动当前行
    Ctrl+L:选择整行(按住-继续选择下行)
    Ctrl+D:选词:(按住-继续选择下个相同的字符串)
    Ctrl+Shift+D:复制光标所在整行,插入在该行之前
    Ctrl+Shift+K:删除整行
    Ctrl+KK:从光标处删除至行尾
    Ctrl+K+Backspace:从光标处删除至行首
    Ctrl+J:合并(多)行(已选择需要合并的多行时)
    Ctrl+KU:改为大写
    Ctrl+KL:改为小写
    Ctrl+/:注释(如已选择内容,同Ctrl+Shift+/效果)
    Ctrl+Shift:/:块注释(注释已选择内容)
    Ctrl+Z:撤销
    Ctrl+Y:恢复
    Alt+.:闭合当前标签
    Ctrl+Shift+A:选择光标位置父标签对儿

  • 整理(clear)
    Tab:缩进:自动完成
    Shift+Tab:去除缩进
    Ctrl+Shift+[:折叠代码
    Ctrl+Shift+]:展开代码
    Ctrl+KT:折叠属性
    Ctrl+K0:展开所有

  • 选择(Selecting)
    Ctrl+D:选择当前光标所在的词并高亮该词所有出现的位置,再次Ctrl+D选择该词出现的下一个位置,在多重选词的过程中,使用Ctrl+K进行跳过,使用Ctrl+U进行回退,使用Esc退出多重编辑
    Ctrl+Shift+L:将当前选中区域打散
    Ctrl+J:把当前选中区域合并为一行
    Ctrl+M:在起始括号和结尾括号间切换
    Ctrl+Shift+M:快速选择括号间的内容
    Ctrl+Shift+J:快速选择同缩进的内容
    Ctrl+Shift+Space:快速选择当前作用域(Scope)的内容

  • 查找&替换(Finding&Replacing)
    F3:跳至当前关键字下一个位置
    Shift+F3:跳到当前关键字上一个位置
    Alt+F3:选中当前关键字出现的所有位置
    Ctrl+F/H:进行标准查找/替换,之后:
    Alt+C:切换大小写敏感(Case-sensitive)模式
    Alt+W:切换整字匹配(Whole matching)模式
    Alt+R:切换正则匹配(Regex matching)模式
    Ctrl+Shift+H:替换当前关键字
    Ctrl+Alt+Enter:替换所有关键字匹配
    Ctrl+Shift+F:多文件搜索&替换

  • 跳转(Jumping)
    Ctrl+P:跳转到指定文件,输入文件名后可以:@ 符号跳转:输入@symbol跳转到symbol符号所在的位置 #关键字跳转:输入#keyword跳转到keyword所在的位置 :行号跳转:输入:12跳转到文件的第12行。
    Ctrl+R:跳转到指定符号
    Ctrl+G:跳转到指定行号

  • 窗口(Window)
    Ctrl+Shift+N:创建一个新窗口
    Ctrl+N:在当前窗口创建一个新标签
    Ctrl+W:关闭当前标签,当窗口内没有标签时会关闭该窗口
    Ctrl+Shift+T:恢复刚刚关闭的标签

  • 屏幕(Screen)
    F11:切换普通全屏
    Shift+F11:切换无干扰全屏
    Alt+Shift+2:进行左右分屏
    Alt+Shift+5:进行上下左右分屏
    Alt+Shift+8:进行上下分屏。分屏,使用Ctrl+数字键跳转到指定屏,使用Ctrl+Shift+数字键将当前屏移动到指定屏

  • 书签(Bookmark)
    Ctrl+F2:设置书签
    F2:下一个书签
    Shift+F2:上一个书签

主题

Sublime Text可以利用Package Control安装主题,方法类似于安装插件。主题商店在这里
在主题商店可以找到和安装自己喜欢的主题。主题安装成功后,需要在设置里的Color Scheme里选择新下载的主题作为编辑器的主题。